<script>
 /**
  * reactive函数，声明响应式数组和对象
  * 不支持声明string/number/boolean等原始类型
  */
 import {reactive} from 'vue';

 export default {

  setup() { // 作为组合式api的入口

      const user = reactive({
        id: 1,
        name: "张三",
      });

      const hobbies = reactive(['吃饭','睡觉']);
      
      return {user,hobbies}; // 向外暴露
  }
 }
 

</script>

<template>
   {{ user.id }} + {{ user.name }}
   {{ hobbies }}
</template>

<style scoped>

</style>
